/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/




new Vue({
    el:"#app",
    data:{
        //查询信息
        query:"李克勤",
        //歌曲列表
        musicList:[],
        //音乐url
        musicUrl:'',
        //歌曲封面
        musicCover:'',
        //歌曲评论
        musicComment:'',
        //mv地址
        mvUrl:''
    },
    methods:{
        searchMusic:function(){
            let that=this;

            //歌曲列表
            axios.get("https://autumnfish.cn/search?keywords="+this.query)
            .then(function(res){
                that.musicList=res.data.result.songs;
                // console.log(res.data.result.songs);
            })
            .catch(function(e){
                console.log(e);
            });
        },
        playMusic:function(musicId){
            let that=this;
            //音乐url
            axios.get("https://autumnfish.cn/song/url?id="+musicId)
            .then(function(res){
                that.musicUrl=res.data.data[0].url;
                // console.log(res.data.data[0].url);
            })
            .catch(function(err){

            })


            //歌曲封面
            axios.get("https://autumnfish.cn/song/detail?ids="+musicId)
            .then(function(res){
                // console.log(res.data.songs[0].al.picUrl);
                that.musicCover=res.data.songs[0].al.picUrl;
            })
            .catch(function(e){

            });


            //歌曲评论
            axios.get("https://autumnfish.cn/comment/hot?type=0&id="+musicId)
            .then(function(res){
                 console.log(res.data.hotComments);
                 that.musicComment=res.data.hotComments;
            })
            .catch(function(e){

            });
        },

        playMv:function(mvid){
            let that=this;
            axios.get("https://autumnfish.cn/mv/url?id="+mvid)
            .then(function(res){
                console.log(res.data.data.url);
                that.mvUrl=res.data.data.url;
            })
            .catch(function(e){});
        },
        closeMv:function(){
            this.mvUrl='';
        }


    }
});